<template>
  <div class="q-pa-md">
    <div class="q-gutter-md" style="max-width: 300px">
      <q-input v-model="w.v1" label="Standard" />
      <q-input v-model="w.v2" label="Filled" />

      asdasd撒大苏打dddddd
    </div>
  </div>
</template>

<script>
import { reactive, } from "vue";
export default {
  data() {
    const w = reactive({
      v1: "",
      v2: "等待变化",
      v3:1
    });

    // watch(
    //   () => w.v1,
    //   (a) => {
    //     console.log(a);
    //     w.v2 = "我变化了";
    //   }
    // );


    //对象属性
    // const f = computed(() => {
    //   w.v3=w.v1*10
    //   console.log("对象属性里的函数被执行了");
    //   return w.v3
    // });


    return {
      w,
    };
  },
};
</script>
